<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

<head>
    <title>大院会员注册</title>
    <script src="/static/js/mui.min.js"></script>
    <script src="/static/js/mui.picker.min.js"></script>
    <script src="/static/js/mui.dtpicker.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/mui.dtpicker.css" />
    <style type="text/css">
        /*下面两项是重置muicss的输入框label和input之间的宽比率*/

        .mui-input-row label {
            width: 15%;
            padding-bottom: 10px;
            padding-top: 10px;
            padding: 10px;
        }

        .mui-input-row label~input {
            width: 85%;
        }

        .yzm {
            position: absolute;
            right: 0px;
            height: 44px;
            background: #c30d23;
            border: 0px;
            color: #fff;
            top: -2px;
            z-index: 10;
        }

        .mui-icon {
            font-size: 18px;
            color: #555;
        }

        .mui-input-group .mui-input-row:after {
            left：0
        }
    </style>
</head>

<body style="background: #fff">
    <div style=" position:fixed; top: 0px; width: 100%; left: 0px; height: 100%; z-index: 1100; background: rgba(0,0,0,0.8); display: none;">
        <div style=" position: absolute; top: 20%; width: 60%; text-align: center; left: 20%; z-index: 1200;    padding-top: 30px;
        border-radius: 10px; background: #fff; min-height: 100px;">
            系统维护中！
            <br><br><br>
            <button ng-click="wozhidao()">我知道了！</button>
            <br><br>
        </div>
    </div>

    <div id="app" class="mui-content">
        <div class="mui-card" style="margin: 0px; border-top: 10px solid #efeff4;">
            <form class="mui-input-group" id="form">
                <div class="mui-input-row">
                    <label><span class="mui-icon iconfont icon-zhenshixingming"></span></label>
                    <input name="info[name]" ng-model="formd.info.name" class="mui-input-clear" type="text" placeholder="输入姓名" />
                </div>
                <!--<div class="mui-input-row">-->
                <!--<label><span class="mui-icon iconfont icon-shenfenzhenghao"></span></label>-->
                <!--<input name="info[idcard]" ng-model="formd.info.idcard" class="mui-input-clear" type="text"-->
                <!--placeholder="输入身份证号"/>-->
                <!--</div>-->
                <div class="mui-input-row">
                    <label><span class="mui-icon iconfont icon-shenfenzhenghao"></span></label>
                    <input name="info[comcode]" type="hidden" value="{{thisComcode}}" />
                    <select v-model="thisComcode" style="width: 85%;" ng-options="cc.comCode as cc.comName for cc in comcodes">
                        <option value="">请选择经常光顾的门店2</option>
                    </select>
                </div>
                <div class="mui-input-row">
                    <label><span class="mui-icon iconfont icon-shenfenzhenghao"></span></label>
                    <input name="info[sex]" type="hidden" value="{{thisSex}}" />
                    <select v-model="thisSex" style="width: 85%;">
                        <option value="">请选择您的性别</option>
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </select>
                </div>
                <div class="mui-input-row">
                    <label><span class="mui-icon iconfont icon-shenfenzhenghao"></span></label>
                    <input name="info[vipdate]" type="hidden" value="{{thisVipDate}}" />
                    <input type="text" class="mui-input-clear" id="vipDate" ng-model="thisVipDate" placeholder="请选择出生日期">
                </div>
                <div class="mui-input-row">
                    <label><span class="mui-icon iconfont icon-cp-number"></span></label>
                    <input name="info[phone]" ng-model="formd.info.phone" class="mui-input-clear" type="text"
                        placeholder="输入手机号" />
                </div>
                <div class="mui-input-row">
                    <label><span class="mui-icon iconfont icon-yanzhengma" style="padding-left: 1px;"></span></label>
                    <input name="info[code]" ng-model="formd.info.code" class="mui-input-clear" type="text" placeholder="输入验证码" />
                    <button class="yzm" ng-click="get_yzm()" ng-disabled="paraevent" ng-bind="paracont">获取验证码</button>

                </div>
                <!--<div class="mui-input-row">-->
                <!--<label><span class="mui-icon iconfont icon-mima" style="padding-left: 1px;"></span></label>-->
                <!--<input name="info[password]" ng-model="formd.info.password" class="mui-input-clear" type="password"-->
                <!--placeholder="输入密码"/>-->
                <!--</div>-->
                <!--<div class="mui-input-row">-->
                <!--<label><span class="mui-icon iconfont icon-querenmima" style="padding-left: 4px;"></span></label>-->
                <!--<input name="info[password2]" ng-model="formd.info.password2" class="mui-input-clear" type="password"-->
                <!--placeholder="确认密码"/>-->
                <!--</div>-->
            </form>
        </div>
        <div class="mui-button-row" style="margin: 10px 15px; padding-bottom: 5px;">
            <button id="zhuceload" type="button" ng-click="save()" class="mui-btn mui-btn-block own-btn-green" style="padding: 5px 0px;
        background: #eb2d2d;color: #fff;font-size: 16px; height: 44px; font-weight: bold; border-radius: 7px; border: 0px;">
                注 册
            </button>
        </div>
    </div>
    <!--
    <div ng-show="closeRs"
         style="z-index: 999;position: absolute;top: 10%;text-align: center;width: 70%;left: 15%;background: #fff;border-radius: 5px;padding: 20px;">
        <img src="/static/images/close.png" ng-click="closeR()"
             style="width: 30px;float: right;position: relative;top: -35px;right: -30px;"/>
        <img src="/static/images/zctx.png" style="width: 100%;"/>
    
        <p style="color: #000;margin: 10px 0 30px 0;">再此填写您的身份证信息，防止无法收到跨境商品和不能兑换积分</p>
        <button type="button" style="background: #c30d23; color: #fff;" onclick="closeR()">马上填写</button>
    </div>
    -->
    <!--<div class="mui-backdrop" ng-show="closeRs" style="opacity:1"></div>-->
    <!--
    <div ng-show="songquan" style="position: fixed; top: 0px; width: 100%; height: 100%; max-width: 100%; background: rgba(0,0,0,0.5); z-index: 10;">
        <div style="position: absolute; top: 15%; width: 80%; left: 10%; text-align: center;  z-index: 15;">
            <img src="/static/images/qq.png" style=" max-width: 100%;">
    
            <div ng-click="guanbis()" style="width: 40%; margin: 0 auto; margin-top: 5%; text-align: center;">
                <img src="/static/images/wzd.png" style=" max-width: 100%;">
            </div>
        </div>
        <div ng-click="guanbis()" style="position: absolute; top: 21%; left: 73%; width: 7%; z-index: 20;">
            <img src="/static/images/gb.png" style=" max-width: 100%;">
        </div>
    </div>
    -->
</body>
<script lang="javascript">
    new Vue({
        el: '#app',
        data: {
            'openid': '{$openid}',
            'thisComcode': '',
            'thisSex': 0,
        }
    })
</script>
</html>